@charset "utf-8";
a:active{outline: none; star: expression(this.onFocus=this.blur());}
*{margin: 0; padding: 0;border: 0; list-style: none; outline: none; word-wrap: break-word;}
img{border:none;margin-top:0px;max-width:100%;}
table{table-layout: fixed; border-collapse: collapse;}
a{text-decoration: none;}
body{font: 12px/1.5 'Microsoft YaHei',微软雅黑,sans-serif;background: #f3f3f2;color: #000;}
body, html{-webkit-text-size-adjust: none;}
input[type='text'],input[type='password'],input[type='number'],input[type="submit"],input[type="reset"],input[type="button"],button,select,textarea{-webkit-appearance:none;}
.clearFix::after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearFix{zoom:1;}
.clearfix::after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{zoom:1;}
.xfBox{position: absolute; left: 0; top: 0;overflow: hidden; z-index: 9999999999999;}
.ms400{transition: 400ms; -moz-transition: 400ms; -webkit-transition: 400ms; -o-transition: 400ms;}
.box{margin: 0 auto; position: relative;}
.popBomb{width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 9999;}
.popBomb .popBg{width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.ewmPop .popContent{width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; margin: -150px 0 0 -150px; z-index: 9;}
.pageW{max-width: 1920px; margin: 0 auto;}
.mainBanner{position: relative;}
.mainBanner .pic{width: 21%;position: absolute;right: 22%;bottom: 5%;z-index: 9;}
.banner img,.banner a{display: block;}
.m-banner{display: none;}
.m-banner img,.m-banner a{display: block; margin: 0 auto;}
.banner{margin: 0 auto; position: relative; -webkit-mask-image: url(../images/banner-mask-1.png); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center top; -webkit-mask-size: 100% auto;}
.m-banner{margin: 0 auto; position: relative; -webkit-mask-image: url(../images/banner-mask-1.png); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center top; -webkit-mask-size: 100% auto;}
.menu-link{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.menu-link *{box-sizing: border-box;}
.menu-link{display:none;border-radius:5px;box-sizing: border-box;position:absolute;top:24px;right:3.125%;font-size: 11px;z-index: 10;width:40px;height:40px;padding:8px;}
.menu-link:hover,
.menu-link:focus{}
.menu-link span{position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after{background-color: #231815;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after{position: absolute;top: -.55em;content: " ";}
.menu-link span:after{top: .55em;}
.menu-link.active span{background: transparent;}
.menu-link.active span:before{-webkit-transform: rotate(45deg) translate(.5em, .4em); -moz-transform: rotate(45deg) translate(.5em, .4em); -ms-transform: rotate(45deg) translate(.5em, .4em); -o-transform: rotate(45deg) translate(.5em, .4em); transform: rotate(45deg) translate(.5em, .4em);}
.menu-link.active span:after{-webkit-transform: rotate(-45deg) translate(.4em, -.3em); -moz-transform: rotate(-45deg) translate(.4em, -.3em); -ms-transform: rotate(-45deg) translate(.4em, -.3em); -o-transform: rotate(-45deg) translate(.4em, -.3em); transform: rotate(-45deg) translate(.4em, -.3em);}
/*公共头部*/
.header {
    width:1800px;
    padding: 0 60px;
    height: 88px;
    z-index: 999999999999;
    position: absolute;
    top: 4%;
    left: 50%;
    margin: 0 0 0 -960px;
}
.header .logo{
    float: left;
    width: 147px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 3%;
    top: 0;
}
.header .logo .io-1{
    display: block;
}
.header .logo .io-2{
    display: none;
}
.header .menu{
    width: 64%;
    margin: 0 auto;
    padding: 44px 0 0 0;
}
.header .menu li {
    float:left;
    width:calc(100% / 7);
    position:relative;
}
.header .menu li .h3 {
    position:relative;
}
.header .menu li .h3 a {
    height: 44px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align:center;
    color: #fff;
}
.header .menu li.curr .h3 a,.header .menu li:hover .h3 a {
    color: #e60012;
}
.header .menu li .box {
    display:none;
    text-align:center;
    position:absolute;
    top:44px;
    left:0px;
    right:0px;
    z-index: 999999999999;
}
.header .menu li .box a {
    display:block;
    line-height:150%;
    padding: 1em 4%;
    background-color:rgba(0,0,0,0.5);
    color:#fff;
}
.header .menu li .box a:hover {
    background:rgba(0,0,0,0.8); color:#fff;
}
.header .menu li:hover .box {
    display:block;
}
.header .menu li .h3 em {
    display:none;
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    right:0;
    top:0;
    width:80px;
    height:40px;
    text-align:right;
    line-height:40px;
    padding: 0 6% 0 0;
}
.header .menu li .h3 em:before {
    content: "\e7f9";
}
.header .menu li .h3 i {
    display:none;
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    right:0;
    top:0;
    width:80px;
    height:40px;
    text-align:right;
    line-height:40px;
    cursor:pointer;
    padding: 0 6% 0 0;
}
.header .menu li .h3 i:before {
    content: "\e602";
}
.header .menu li .h3 i.active:before {
    content: "\e603";
}
.header .menu li:hover .h3 i,.header .menu li.curr .h3 i{ color:#fff;}
.top_nav{
    width: 14%;
    position: absolute;
    right: 3%;
    top: 0px;
    height: 100%;
}
.top_nav .top_search{
    width: 100%;
    padding: 10px 0 0 0;
    position:relative;
}
.top_nav .top_search .icon{
    width: 100%;
    height: 100%;
    display: none;
    cursor: pointer;
    background: url("../images/nav-i1.png") no-repeat center;
    background-size: 60.8% auto;
}
.top_search .i {
    position:absolute;
    right:16px;
    top:-10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid rgba(8,184,157,0.8);
    display: none;
}
.top_search .pd {
    position:relative;
}
.top_search .box {
    display: block;
    background-color:transparent;
}
.top_search:hover .box {
    display:block;
}
.ipt_t1 {
    width:100%;
    box-sizing:border-box;
    height:36px;
    padding:0 16px;
    border-radius: 18px;
    box-sizing:border-box;
    line-height:36px;
    box-shadow: 5px 5px 5px rgba(0,62,91,0.5);
}
.ipt_b1 {
    position:absolute;
    right:0px;
    top:0px;
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    background: url(../images/nav-i1.png) no-repeat center;
    background-size: 18px auto;
    cursor:pointer;
}
.top_nav .top_contact{
    padding: 0 0 0 30px;
    width: calc(100% - 30px);
    position: relative;
    background: url("../images/nav-i2.png") no-repeat left 2px center;
    background-size: 18px auto;
}
.top_nav .top_contact .icon{
    width: 100%;
    height: 100%;
    display: none;
    cursor: pointer;
    background: url("../images/nav-i2.png") no-repeat center;
    background-size: 60.8% auto;
}
.top_contact .box {
    display:block;
    background-color:transparent;
}
.top_contact .i {
    position:absolute;
    right:16px;
    top:-10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid rgba(8,184,157,0.8);
    display: none;
}
.top_contact .p {
    margin: 16px 0 0 0;
    font-size:16px;
    height: 24px;
    line-height: 24px;
    color:#fff;
}
.top_contact:hover .box {
    display:block;
}
.footer{
    margin: 50px auto 0 auto;
    padding: 50px 0 0 0;
    background: #322e2e;
}
.footer .footer-nav {
    width: 1400px;
    margin: 0 auto;
}
.footer .footer-nav li{
    width: calc(100% / 7);
    float: left;
    text-align: center;
}
.footer .footer-nav .bt{
    display: block;
    font-size: 21px;
    line-height: 200%;
    color: #fff;
    padding: 0 0 0.5em 0;
}
.footer .footer-nav .ft{
    display: block;
    font-size: 14px;
    padding: 0.5em 0;
    color: #fff;
}
.footer .footer-nav .bt:hover,.footer .footer-nav .ft:hover{
    color: #e60012;
}
.footer .footer-nav .navBox{
    margin: 10px 0 0 0;
}
.footer .footer-bottom{
    width: 100%;
    margin: 80px auto 0 auto;
    text-align: center;
    padding: 1.5em 0 1.2em 0;
    font-size: 14px;
    color: #fff;
}
.footer .footer-bottom a{
    display:inline-block;
    color: #fff;
}
.sub-side{
    position: fixed;
    right: 1%;
    bottom: 5%;
    z-index: 999;
}
.sub-side .sub{
    display: block;
    width: 72px;
    padding: 50px 0 10px 0;
    cursor: pointer;
    margin: 2px 0 0 0;
    background: #fff;
    border-radius: 8px;
}
.sub-side .sub.s0{
    background: #fff url("../images/side-d-1.png") no-repeat top 12px center;
    background-size: auto 32px;
}
.sub-side .sub.s1{
    background: #fff url("../images/side-a-1.png") no-repeat top 12px center;
    background-size: auto 32px;
}
.sub-side .sub.s2{
    background: #fff url("../images/side-b-1.png") no-repeat top 12px center;
    background-size: auto 32px;
}
.sub-side .sub.s3{
    background: #fff url("../images/side-c-1.png") no-repeat top 12px center;
    background-size: auto 32px;
}
.sub-side .sub.s0:hover{
    background: #8e8e90 url("../images/side-d-2.png") no-repeat top 12px center;
    background-size: auto 32px;
}
.sub-side .sub.s1:hover{
    background: #8e8e90 url("../images/side-a-2.png") no-repeat top 12px center;
    background-size: auto 32px;
}
.sub-side .sub.s2:hover{
    background: #8e8e90 url("../images/side-b-2.png") no-repeat top 12px center;
    background-size: auto 32px;
}
.sub-side .sub.s3:hover{
    background: #8e8e90 url("../images/side-c-2.png") no-repeat top 12px center;
    background-size: auto 32px;
}
.sub-side .sub .st{
    text-align: center;
    font-size: 14px;
    color: #231815;
}
.sub-side .sub:hover .st{
    color: #fff;
}
.sub-side .sub .wxBox {
    width: 240px;
    position:absolute;
    right:100%;
    padding-right:12px;
    top:50%;
    margin-top:-20px;
    display:none;
}
.sub-side .sub .wxBox i {
    position:absolute;
    right:4px;
    top:50%;
    margin-top:-6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 6px solid transparent;
}
.sub-side .sub:hover .wxBox {
    display:block;
}
@media screen and (max-width:1920px){
    .header {
        width: 94%;
        padding: 0 3%;
        top: 4%;
        left: 0;
        margin: 0 auto;
    }
}
@media screen and (max-width:1600px){
    .top_contact .p {
        font-size:14px;
    }
}
@media screen and (max-width:1440px){
    .header {
        top: 3%;
    }
    .header .menu li .h3 a{
        font-size: 16px;
    }
    .top_contact .p {
        font-size:12px;
    }
    .footer .footer-nav {
        width: 1200px;
    }
    .footer .footer-nav .bt{
        font-size: 18px;
    }
    .footer .footer-nav .ft{
        font-size: 12px;
    }
    .footer .footer-bottom{
        margin: 50px auto 0 auto;
        font-size: 12px;
    }
}
@media screen and (max-width:1366px){
    .header {
        top: 2%;
    }
    .header .menu li .h3 a{
        font-size: 14px;
    }
}
@media screen and (max-width:1200px){
    .header .logo{
        width: 100px;
    }
    .header .menu li .h3 a{
        font-size: 12px;
    }
    .top_nav .top_search {
        padding: 0;
        width: 50px;
        height: 100%;
        float: left;
    }
    .top_nav .top_contact {
        width: 50px;
        height: 100%;
        padding: 0;
        background: transparent;
        float: right;
    }
    .top_nav .top_search .icon{
        display: block;
        background: url(../images/mobile/nav-i1.png) no-repeat center;
        background-size: 50% auto;
    }
    .top_nav .top_contact .icon{
        display: block;
        background: url(../images/mobile/nav-i2.png) no-repeat center;
        background-size: 50% auto;
    }
    .header{
        background: #fff;
        width: 94%;
        padding: 0 3%;
        position: fixed;
        top: 0;
        left: 0;
    }
    .header .logo .io-1{
        display: none;
    }
    .header .logo .io-2{
        display: block;
    }
    .header.white{background: #fff;}
    .header .menu{ display:none;margin: 0 auto; position:absolute; top:76px; left:0px; right:0px; width:auto; padding:0px; background-color:#fff; border-top:1px solid #ccc;z-index: 9999;}
    .header .menu li{ width:auto; float:none; padding:0px;}
    .header .menu li .h3{ position:relative;}
    .header .menu li .h3 a{ height:40px; line-height:40px; border-bottom:1px solid #ccc; text-align:left; padding:0 6%;color: #231815;}
    .header .menu li.curr .h3 a,.header .menu li .h3 a:hover{ background:#e60012; color: #fff;}
    .header .menu li .box{ position:static;}
    .header .menu li .box a{margin-bottom: 1px;}
    .header .menu li:hover .box{ display:none;}
    .header .menu li .h3 i{ display:block;}
    .header .menu li .h3 em{ display:block;}
    .top_nav{
        margin: 0 50px 0 0;
        width: auto;
        right: 2.5%;
    }
    .top_search .i{ display:none;}
    .top_search .box{display: none;background: #e60012; position:fixed; left:0px; top:76px; right:0px; width:100%; padding:15px 0px; border-radius:0;}
    .top_search .pd{ margin:0 6%;}
    .top_search:hover .box{ display:none;}
    .top_contact .i{ display:none;}
    .top_contact .box{display: none;background: #e60012; position:fixed; left:0px; top:76px; right:0px; width:100%; padding:15px 0px; border-radius:0; text-align:center;}
    .top_contact .p{margin: 0;color: #fff;font-size: 18px;height: 36px;line-height: 36px;}
    .top_contact .pd{ margin:0 6%;}
    .top_contact:hover .box{ display:none;}
    .menu-link{ display:block;}
    .sub-side{
        top: auto;
        bottom: 10%;
        right: 0;
    }
    .mainBanner{
        padding-top: 88px;
    }
    .banner{
        display: none;
    }
    .m-banner{
        display: block;
    }
    .footer{
        padding: 10px 0;
    }
    .footer .footer-nav{
        display: none;
    }
    .footer .footer-bottom{
        margin: 0 auto;
        padding: 1em 0;
    }
    .footer .footer-bottom .filing{
        display: block;
    }
}
@media screen and (max-width:1199px){
    html {
        font-size: calc(100vw / 1125 * 100);
    }
    .pageW{
        width: 11.25rem;
        max-width: 1125px;
    }
}
@media screen and (max-width:768px){
    .pageW{
        max-width: 768px;
    }
    .top_nav .top_search,.top_nav .top_contact {
        width: 40px;
    }
    .top_nav {
        margin: 0 40px 0 0;
    }
    .ewmPop .popContent{
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -100px 0 0  -100px;
        z-index: 9;
    }
    .header{
        height: 1.5rem;
        width: 92%;
        padding: 0 4%;
    }
    .header .logo{
        width: 1.72rem;
        left: 4%;
    }
    .menu-link {
        top: 50%;
        margin-top: -20px;
        right: 3%;
    }
    .top_search .box{
        top: 1.5rem;
        padding: 0.6rem 0;
    }
    .top_search .pd {
        margin: 0 4%;
    }
    .top_contact .box {
        top: 1.5rem;
        padding: 0.6rem 0;
    }
    .header .menu{
        top: 1.5rem;
    }
    .header .menu li .h3 a{
        font-size: 0.56rem;
        height: 1.36rem;
        line-height: 1.36rem;
        padding: 0 4%;
    }
    .header .menu li .h3 em {
        font-size:   0.48rem;
        width: 2rem;
        height: 1.36rem;
        line-height: 1.36rem;
        padding: 0 5% 0 0;
    }
    .header .menu li .h3 i {
        font-size:  0.48rem;
        width: 2rem;
        height: 1.36rem;
        line-height: 1.36rem;
        padding: 0 5% 0 0;
    }
    .header .menu li .box a{
        font-size: 0.42rem;
    }
    .footer{
        padding: 0.5rem 0;
        margin: 1rem auto 0 auto;
    }
    .footer .footer-bottom {
        width: 92%;
        line-height: 150%;
        font-size: 0.36rem;
    }
    .footer .footer-bottom .filing{
        display: inline-block;
    }
    .sub-side .sub{
        width: 1.2rem;
        height: 1.2rem;
        padding: 0;
        margin: 0.1rem 0 0 0;
    }
    .sub-side .sub.s0{
        background: #fff url("../images/side-d-1.png") no-repeat center;
        background-size: auto 0.6rem;
    }
    .sub-side .sub.s1{
        background: #fff url("../images/side-a-1.png") no-repeat center;
        background-size: auto 0.6rem;
    }
    .sub-side .sub.s2{
        background: #fff url("../images/side-b-1.png") no-repeat center;
        background-size: auto 0.6rem;
    }
    .sub-side .sub.s3{
        background: #fff url("../images/side-c-1.png") no-repeat center;
        background-size: auto 0.6rem;
    }
    .sub-side .sub.s0:hover{
        background: #8e8e90 url("../images/side-d-2.png") no-repeat center;
        background-size: auto 0.6rem;
    }
    .sub-side .sub.s1:hover{
        background: #8e8e90 url("../images/side-a-2.png") no-repeat center;
        background-size: auto 0.6rem;
    }
    .sub-side .sub.s2:hover{
        background: #8e8e90 url("../images/side-b-2.png") no-repeat center;
        background-size: auto 0.6rem;
    }
    .sub-side .sub.s3:hover{
        background: #8e8e90 url("../images/side-c-2.png") no-repeat center;
        background-size: auto 0.6rem;
    }
    .sub-side .sub .st{
        display: none;
    }
    .mainBanner{
        padding-top: 1.5rem;
    }
    .sub-side .sub:hover .wxBox {
        display:none;
    }
}